<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
	.orderStyle{
	  	background: none repeat scroll 0 0 #FFFAE4;
	    border: 1px solid #F8DDB8;
	    line-height: 24px;
	    margin: 0 0 27px;
	    padding: 10px 0 5px 20px;
	    width: 710px;
	}
	tabel tr td{
		border:1 solid red;
		cell-spacing:1px;
		celll-padding:1px;
	}
</style>
</head>
	<table  class="table table-bordered table-striped">
		<tr>
			<th>商品名称</th>
			<th width="30">交易数量</th>
			<th width="60">实 际 交 易 金 额</th>
			<th width="30">佣金</th>
			<th width="30">佣金比率</th>
			<th>交易单号</th>
		</tr>
		<c:if test="${fn:length(pager.content)==0 }">
			<tr>
				<td colspan="6">
					您暂时没有订单历史
				</td>
			</tr>
		</c:if>
		<c:forEach var="order" items="${pager.content }">
			<tr>
				<td>${order.item_title }</td>
				<td>${order.item_num }</td>
				<td>${order.real_pay_fee }元</td>
				<td>${order.user_commission }</td>
				<td>${order.user_commission_rate }</td>
				<td>${order.trade_id }</td>
			</tr>
		</c:forEach>
		
	</table>

	<div class="pagination">
		<ul>
			<li><a class="ajaxPage" href="javascript:void(0)" onclick="getPage(1)">首页</a></li>
			<li><a class="ajaxPage" href="javascript:void(0)" onclick="getPage(${pager.num-1})">上一页</a></li>
			<li><a class="disabled">　 当前为${pager.num}页　 </a></li>
			<li><a class="ajaxPage" href="javascript:void(0)" onclick="getPage(${pager.num+1})">下一页</a></li>
		 	<li><a class="ajaxPage" href="javascript:void(0)" onclick="getPage(${pager.pages})">尾页</a></li>	   
		</ul>
	</div>
</html>

